<!DOCTYPE html>
<!-- saved from url=(0052)http://getbootstrap.com/docs/4.0/examples/dashboard/ -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Dashboard Template for Bootstrap</title>
    <!-- Bootstrap core CSS -->
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/limonte-sweetalert2/6.6.2/sweetalert2.min.css" rel="stylesheet">
    <script src="https://cdn.bootcdn.net/ajax/libs/limonte-sweetalert2/6.6.2/sweetalert2.min.js"></script>
    <script type="text/javascript" th:src="@{/js/jquery-3.2.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/popper.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>

    <!-- Custom styles for this template -->
    <link th:href="@{/css/dashboard.css}" rel="stylesheet">
    <style type="text/css">
        /* Chart.js */

        @-webkit-keyframes chartjs-render-animation {
            from {
                opacity: 0.99
            }
            to {
                opacity: 1
            }
        }

        @keyframes chartjs-render-animation {
            from {
                opacity: 0.99
            }
            to {
                opacity: 1
            }
        }

        .chartjs-render-monitor {
            -webkit-animation: chartjs-render-animation 0.001s;
            animation: chartjs-render-animation 0.001s;
        }
    </style>
</head>

<body>
<!--顶部导航栏-->
<div th:replace="~{commons/commons::topbar}"></div>

<div class="container-fluid">
    <div class="row">
        <!--将侧边栏抽取为公共部分-->
        <div th:replace="~{commons/commons::sidebar(active='user/list.html')}"></div>


        <!--<div class="pager" style=" position:absolute; margin-right:510px; right:15%; top:1320px; cursor:pointer;">
            <ul class="pagination">
                <li class="page-item"><a class="page-link">首页</a></li>
                <li class="page-item"><a class="page-link">上一页</a>
                </li>
                <li class="page-item"><a class="page-link"><span>1</span></a></li>
                <li class="page-item"><a class="page-link"><span>2</span></a></li>
                <li class="page-item"><a class="page-link">下一页</a>
                </li>
                <li class="page-item"><a class="page-link">尾页</a>
                </li>
            </ul>
        </div>-->
        <!--显示分页信息-->
        <!--class="modal-footer no-margin-top" style="justify-content: space-between;"-->
        <div class="col-md-12 modal-footer pager no-margin-top" style="position:absolute; right:15%; top:1320px; justify-content: space-between;">
            <div class="col-md-3">
                一共 2 条记录 当前第 3 / 4 页
            </div>
            <!--pagination-lg pull-right no-margin-->
            <ul class="pagination">
                <li class="page-item">
                    <a class="page-link">首页</a>
                </li>

                <li class="page-item prev">
                    <a class="page-link">
                        <i class="ace-icon fa fa-angle-double-left">1</i>
                    </a>
                </li>
                <!--遍历条数-->
                <li class="page-item">
                    <a class="page-link">2</a>
                    <span style="font-weight: bold;background: rgba(110,171,215,0.99);"></span>
                </li>

                <li class="page-item next">
                    <a class="page-link">
                        <i class="ace-icon fa fa-angle-double-right">3</i>
                    </a>
                </li>

                <li class="page-item">
                    <a class="page-link">尾页</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->

<script type="text/javascript" th:src="@{/js/jquery-3.2.1.min.js}"></script>
<script type="text/javascript" th:src="@{/js/popper.min.js}"></script>
<script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>


</body>

</html>